<template>
  <div>
    <ul class="level2">
      <li v-for="(item,num) in dataList" :key="num"  @click.stop="jump(item)" :class="{'active':item.selected}"> 
        {{item.meta.title}} 
        <slider v-if="item.children" :dataList="item.children" @jumpFn="jump" ></slider>
      </li>
      
    </ul>
  </div>
</template>

<script>
// import slider from '@/components/slider'
export default {
  props:['dataList'],
  components: {
    slider:() => import('@/components/slider')
  },
  data(){
    return {
      title:'0-1'
    }
  },
  methods: {
    jump(item){
      console.log(item.name, item)
      this.$emit('jumpFn',item)
    }
  }
  
}
</script>

